<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:insert="~{ /common/common_header:: meta('后台管理系统')}"></div>
    <div th:insert="~{ /common/common_header:: base}"></div>

    <link th:href="@{/assets/css/public/login.css}" rel="stylesheet" type="text/css"/>
</head>
<body class="">
<section id="content" class="m-t-lg wrapper-md animated fadeInUp">
    <div class="container aside-xxl">
        <a class="navbar-brand block" href="#"></a>
        <section class="panel panel-default bg-white m-t-lg">
            <header class="panel-heading text-center">
                <strong id="titleText">用户登陆</strong>
            </header>
            <div class="panel-body wrapper-lg">

                <div class="form-group">
                    <label class="control-label">用户名</label>
                    <input id="user" type="text" class="form-control input-lg" name="user" value="zjf">
                </div>
                <div class="form-group">
                    <label class="control-label">密 码</label>
                    <input id="pass" type="password" class="form-control input-lg" name="pass" value="zjf">
                </div>


                <div class="form-group" id="groupName" hidden>
                    <label class="control-label">姓 名</label>
                    <input id="name" type="text" class="form-control input-lg" name="name">
                </div>

                <div class="form-group" id="groupPhone" hidden>
                    <label class="control-label">手 机</label>
                    <input id="phone" type="text" class="form-control input-lg" name="phone">
                </div>

                <button id="loginBtn" class="btn btn-primary" onclick="login()" style="display:inline-block">登陆后台
                </button>

                <!--点击注册用户,
                    1.显示 registerBtn style="display:inline-block"
                    2.隐藏 loginBtn 和 showRegisterBtn style="display:none"
                    3.显示 name 和 phone 去掉 hidden
                    4.显示cancelBtn 反转上面的设置
                -->
                <button id="showRegisterBtn" onclick="showRegister()" style="display:inline-block;">注册用户</button>
                <button id="registerBtn" class="btn btn-primary" onclick="register()" style="display:none">注册用户</button>
                <button id="cancelBtn" onclick="hiddenRegister()" style="display:none">取消</button>
            </div>
        </section>
    </div>
</section>
<!-- footer -->
<footer id="footer">
    <div class="text-center padder">
        <p>
            <small>Powered By zjf<br> copyright &copy; 2020</small>
        </p>
    </div>
</footer>

<script th:src="@{/assets/js/public/jquery-3.4.1.min.js}" type="text/javascript"></script>
<!--bootstrap基本js-->
<script th:src="@{/assets/js/public/bootstrap.min.js}" type="text/javascript"></script>
<!--bootstrap通知-->
<script th:src="@{/assets/js/public/bootstrap-notify.min.js}" type="text/javascript"></script>
<!--页面加载动画-->
<!--<script th:src="@{/assets/js/public/loading.js}" type="text/javascript"></script>-->
<!--顶部弹窗提示-->
<script th:src="@{/assets/js/public/notify.js}" type="text/javascript"></script>
<!--公共JS-->
<!--<script th:src="@{/assets/js/public/app.js}" type="text/javascript"></script>-->
<!--工具js,虽然不是每个都可能用上,但是还是依赖上-->
<script th:src="@{/assets/js/public/util.js}" type="text/javascript"></script>

<script th:src="@{/assets/js/home/home.js}" type="text/javascript"></script>
<script th:src="@{/assets/js/home/ajax.js}" type="text/javascript"></script>
<script th:src="@{/assets/js/home/md5.js}" type="text/javascript"></script>
<!--<script th:src="@{/assets/js/home/app.plugin.js}" type="text/javascript"></script>-->


</body>
</html>